@import '../../../themes/mixins/loading-spinner';
@import '../../../themes/mixins/error-message';

.dialog {
  font-family: var(--font-light);
  line-height: 1.38;
  b {
    font-family: var(--font-medium);
  }

  .description {
    margin-bottom: 20px;
  }

  .label {
    font-family: var(--font-medium);
    margin-bottom: 6px;
  }

  .sourceWallet {
    background-color: rgba(94, 96, 102, 0.5);
    margin-bottom: 20px;
  }

  .addresses {
    margin-bottom: 20px;
    li {
      overflow-wrap: break-word;
    }
  }

  .amountGroup {
    display: inline-block;
    font-family: var(--font-medium);
    margin-bottom: 20px;
    width: 50%;
    b {
      font-family: var(--font-semibold);
    }
  }

  .amountGroupFull {
    @extend .amountGroup;
    width: 100%;
  }

  .amount {
    color: #ea4c5b;
    &:after {
      content: ' ADA';
      opacity: 0.5;
    }
  }

  .amountOpacity {
    @extend .amount;
    opacity: 0.5;
  }

  .questionMarkIcon {
    svg {
      margin-left: 6px;
      opacity: 0.4;
      width: 14px;
    }
  }

  .leftoversLearnMoreLink {
    background-color: var(
      --theme-recovery-phrase-paper-wallet-question-text-color
    );
    border: none !important;
    border-radius: 3px;
    color: #5e6066;
    color: var(--theme-recovery-phrase-paper-wallet-text-color);
    font-family: var(--font-bold);
    font-size: 8px;
    font-weight: bold;
    height: 16px;
    line-height: 1.25;
    margin-left: 12px;
    padding: 3px 8px;
    text-transform: uppercase;
    vertical-align: middle;
    width: 54px;
    &:after {
      background-color: var(
        --theme-recovery-phrase-paper-wallet-text-color
      ) !important;
      -webkit-mask-size: 9px !important;
    }
  }

  .error {
    @include error-message;
    margin-top: 27px;
    text-align: center;
  }
}

.submitButtonSpinning {
  box-shadow: none !important;
  @include loading-spinner('../../../assets/images/spinner-light.svg');
}
